<template>
    <div>
        <div id="report" style="width: 80vw;height: 400px;"></div>
    </div>
</template>

<script>
import * as echarts from "echarts";
export default {
  name: "PresentVue",
  data() {
    return {
    
    };
  },
  methods: {
    draw(id) {
      this.charts = echarts.init(document.getElementById(id));
      this.charts.setOption({
        title: {
            text: '左肾预测精确度展示'
        },
        xAxis: {
            type: 'category',
            data: ['1','2','3','4','5','6','7','8','9','10','11','12','13','14','15','16','17','18','19','20','21','22','23','24','25','26','27','28','29','30','31','32','33','34','35','36','37','38','39','40'],
        },
        yAxis: {
            type: 'value'
        },
        series: [
        {
            data: [0.96657,
                    0.96688,
                    0.96459,
                    0.96688,
                    0.96746,
                    0.96654,
                    0.96263,
                    0.96672,
                    0.92932,
                    0.96874,
                    0.96137,
                    0.96415,
                    0.96695,
                    0.96099,
                    0.96647,
                    0.9624,
                    0.94567,
                    0.96788,
                    0.96681,
                    0.96807,
                    0.95172,
                    0.96664,
                    0.95357,
                    0.9634,
                    0.95879,
                    0.87069,
                    0.96129,
                    0.96128,
                    0.892,
                    0.95842,
                    0.9582,
                    0.892,
                    0.96209,
                    0.96232,
                    0.96158,
                    0.96118,
                    0.96075,
                    0.95717,
                    0.95729,
                    0.94001,
                    ],
            type: 'line'
        }
        ],
        tooltip: {
            trigger: 'item',
            triggerOn: 'mouseOver',
            formatter: function (arg) {
			return arg.name + ':' + arg.data
		}
        }
      });
    }
  },
  mounted() {
    this.$nextTick(function() {
      this.draw("report");
    });
  }
};
</script>

<style scoped>
</style>
  